{% extends 'base.html' %}

{% block top_content %}

    <div class="gcb-cols">
      <div class="gcb-col-11 gcb-aside">
        <div class="gcb-col-55">
          <!--FIXME: Add the course title here.-->
          <h1 class="product-headers">Power Searching with Google</h1>
          <!--FIXME: Add the course blurb here.-->
          <h2 class="product-headers">Google Search makes it amazingly easy to find information. Come learn about the powerful advanced tools we provide to help you find just the right information when the stakes are high.</h2>
          <!--FIXME: Add details about the instructor here.-->
          <h2 class="bio-headers">Daniel Russell<br>Senior Research Scientist<br>Google, Inc.</h2>
        </div>
        <div class="gcb-col-5">
          <!--FIXME: Add an introduction video or banner picture for your course here.-->
          <!--<img height="300" src="/assets/img/banner1.png">-->
          <iframe width="460" height="300" src="http://www.youtube.com/embed/Kdg2drcUjYI?rel=0"
            frameborder="0" allowfullscreen></iframe>
        </div>
      </div>
    </div>

    <div style="margin-top: 20px;" class="gcb-cols">
      <div class="gcb-col-1">
      </div>
      <div class="gcb-col-9">

        <h1 class="schedule-headers">Schedule</h1>
        <div class="gcb-main">
          <div style="width: 100%;" class="gcb-nav" id="gcb-nav-y">
            <ul>
	      {% for unit in units %}
	        {% if unit.now_available %}
                  {% if unit.type == 'A' %}
                    <li><p class="top_content"><a href="/assessment?name={{ unit.unit_id }}">{{ unit.title }}</a></p></li>
                  {% elif unit.type == 'U' %}
                    <li><p class="top_content"><a href="/unit?unit={{ unit.unit_id }}">Unit {{ unit.unit_id }} - {{ unit.title }} </a></p></li>
                  {% elif unit.type == 'O' %}
                    <li><p class="top_content"><a href="{{ unit.unit_id }}"> {{ unit.title }} </a></p></li>
                  {% else %}
                    <li><p class="top_content">Error: unit type not recognized.</p></li>
		  {% endif %}
		{% else %}
		  {% if unit.type == 'A' %}
                    <li><p class="top_content">{{ unit.title }}</p></li>
		  {% elif unit.type == 'U' %}
                    <li><p class="top_content">Unit {{ unit.unit_id }} - {{ unit.title }} <span style="padding-left: 20px; font-size: 12px; color: #5e94ff;">{{ unit.release_date }}</span></p></li>
                  {% elif unit.type == 'O' %}
                    <li><p class="top_content"> {{ unit.title }} </p></li>
                  {% else %}
                    <li><p class="top_content">Error: unit type not recognized.</p></li>
  		  {% endif %}
		{% endif %}

	      {% endfor %}
            </ul>
          </div>
        </div>

      </div>
    </div>

{% endblock %}

{% block main_content %}
  
{% endblock %}
